<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 逻辑运算符 
        //  1.&& (and 、且)   2. || （or 、或） 3. ! (非、否、取反)
        // 1.&& : 2个变量都是 true 那么结果就是true  只有有一个false 那么结果就是false
        // var a = true;
        // var b = true;
        // var res = a && b;
        // console.log(res);


        // var a = false;
        // var b = false;
        // console.log(a && b);

    //   值都是真的时候结果就是真 ，只要有一个假那么结果就是 假 ；

    // 2. || ： 有一个真 那么结果就是真  
    // var a = true;
    // var b = false;
    // console.log(a || b);

    // var a = true;
    // var b = true;
    // console.log(a || b);


    // var a = false;
    // var b = false;
    // console.log(a || b);

    // 3.！非 。取反  
    // var a = true;
    // console.log(!a);

    // var a = false;
    // console.log(!a);

    // var a = true;
    // var res = !!!!a;
    // console.log(res);

    // var a = "";
    // var a = undefined;
    // a = null;
    // a = 0;
    // a = NaN;
    // var a  = 1;
    // console.log(!a);  //可以自动转换



    // var a = 10;
    // var b = parseInt(prompt("请输入b的值"));
    // var c = 30;
    // console.log(a<b && b<c);


    // var a = false;
    // var b = true;
    // var c = false;
    // // && 只要 且的元素 至少有一个false 那么结果就是false ，只要全部是true的时候那么结果是true；
    // // console.log(a && b && c);

    // // || 只要至少有一个为true 那么结果就是true  ， 所有的都为false 那么结果才是false
    // console.log(a || b || c);



    var a = 10;
    var b = 20;
    var c = 30;
    // console.log(a>b || a<c); // true;

    // console.log(a>b && a<c); //false

    console.log(a==b || a!==c); // true;

requestAnimationFrame
removeEventListener
addEventListener
document.querySelectorAll
    </script>
</body>
</html>